<template>
  <div class="bgfff pl15 pt15 pr15 pb15 card3">
    <div class="posre h213 overhidden">
      <img src="https://you-one-stand.oss-cn-shanghai.aliyuncs.com/yimai_photos/user/card3_bg.png"
           alt=""
           class="posab left0 top0 card3_bg w100p h100p" />

      <div class="cacrd3_left">
        <p class="fs12 cfff pb6">{{card_msg.tel || '电话'}}</p>
        <p class="fs12 cfff">{{card_msg.email || '邮箱'}}</p>

      </div>

      <div class="card3_right">
        <p class="fs20 cdeepblue fbold">{{card_msg.username || '姓名'}}</p>
        <p class="fs10 cdeepgreen">{{card_msg.post || '职位'}}</p>
      </div>

      <div class="align-cen fs10 ce8 card_company disflex">
        <span class="pr14">{{card_msg.company || '企业名称'}}</span>
        <div class="card_line_2"></div>
      </div>

    </div>
  </div>
</template>

<script>
import StaticResources from '@/components/StaticResources';
export default {
  name: "card_4",
  props: ['card_msg'],
  components: { StaticResources },
}
</script>

<style>
.card_line_2 {
  position: relative;
}

.card_line_2::before,
.card_line_2::after {
  position: absolute;
  width: 6upx;
  height: 16upx;
  background: #fff;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
}

.card_line_2::before {
  right: 0;
}

.card_line_2::after {
  right: 10upx;
}

.card_company {
  position: absolute;
  right: 34upx;
  bottom: 30upx;
}

.card3 .cacrd3_left {
  position: absolute;
  left: 106upx;
  top: 96upx;
}

.card3 .card3_right {
  position: absolute;
  left: 414upx;
  top: 98upx;
}
</style>
